class Food {
    //定义一个属性表示食物所对应的元素
    element: HTMLElement;
    constructor() {
      //获取页面中的food元素并将其赋值给element (!号表示不可能为空)
      this.element = document.getElementById("food")!;
    }
    //定义一个获取食物X轴坐标方法
    get X() {
      return this.element.offsetLeft;
    }
  
    //定义一个获取食物Y轴坐标方法
    get Y() {
      return this.element.offsetTop;
    }
  
    //修改食物位置的方法
    change() {
      //生成一个随机的位置
      //左侧0 右侧300-10=290
      //蛇移动一次就是一格，一格的大小就是10，所以就要求食物的 坐标必须是整10
      //取到0-29 乘以10   或者向下取整（Math.floor(Math.random() * 30)*10）
      let top = Math.round(Math.random() * 29) * 10;
      let left = Math.round(Math.random() * 29) * 10;
  
      this.element.style.left = left + "px";
      this.element.style.top = top + "px";
    }
  }

  export default Food;